<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/list2.css">
    <title>Document</title>
</head>
<body>
    <div class="top">
        <div>
            <img src="image/2.png" alt="">
            <p>网络全案营销服务提供商</p>
        </div>
        <ul>
            <li><a href="index.html">网站首页</a></li>
            <li><a href="">传悦资源</a></li>
            <li><a href="list1.html">传悦案例</a></li>
            <li><a href="secion1.html">解决方案</a></li>
            <li><a href="">需求提交</a></li>
        </ul>
        <img src="image/4.png" alt="">
    </div>
    <div class="message" style="display: none;">
        <h3 class="title">AERMOST极尚  网站设计</h3>
        <div class="ser">
            北纬三十七度红酒网是由中国国际葡萄酒网、中国国际商会山东商会葡萄酒分会及烟台市葡萄与葡萄酒局三家单位唯一官方授权的电子商务平台
        </div>
        <img src="image/list2-1.png" alt="" class="pic">
        <h3 class="background">项目背景</h3>
        <p class="say1">正邦为北京银行提供了众多服务，品牌咨询、标志VI设计、视频制作、物料设计等。正邦邦传媒广告还负责了北京银行“财富1+1”和“小</p>
        <h3 class="pintai">运营平台</h3>
        <p class="say2">新浪（230W）、腾讯（106W）、人人（130W）</p>
        <h3 class="time">运营时间</h3>
        <p class="say3">2013年3月1日-至今</p>
        <h3 class="secion">解决方案</h3>
        <span class="say4">北京银行“财富1+1”公司金融服务品牌发布会 北京银行作为全国第六家推出公司金融服务品牌的银行，公司一直致力打造优势领域。“财</span>
    </div>
    <div class="bottom">
            <img src="image/2.png" alt="">
            <ul>
                <li>关于传悦</li>
                <li>新闻动态</li>
                <li>传悦观点</li>
                <li>联系传悦</li>
                <li>加入传悦</li>
                <li>付款账户</li>
            </ul>
            <p>Copyright ©2013  创梦网络科技有限责任公司  ‖  传悦 Chnyoo.cn All Rights Reser</p>
    </div>
</body>
</html>
<script>
    
    let http = new XMLHttpRequest();
    let message = document.querySelector(".message");
    let body = document.querySelector("body")
    http.open("get",`http://10.35.164.163:81/listListmore`);
    http.send();
    http.onreadystatechange = function(){
        if(http.readyState === 4){
            let list2 = JSON.parse(http.responseText)
            list2.forEach(function(item){
                let newitem = message.cloneNode(true);
                newitem.id = "";
                newitem.style.display = "block";
                body.appendChild(newitem);
                newitem.querySelector(".title").innerHTML = item.title;
                newitem.querySelector(".ser").innerHTML = item.ser;
                newitem.querySelector(".pic").src = item.pic;
                newitem.querySelector(".background").innerHTML = item.background;
                newitem.querySelector(".say1").innerHTML = item.say1;
                newitem.querySelector(".pintai").innerHTML = item.pintai;
                newitem.querySelector(".say2").innerHTML = item.say2;
                newitem.querySelector(".time").innerHTML = item.time;
                newitem.querySelector(".say3").innerHTML = item.say3;
                newitem.querySelector(".secion").innerHTML = item.secion;
                newitem.querySelector(".say4").innerHTML = item.say4;    
            })
        }
    }
</script>